<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>周迎川的Web大作业</title>
  <!-- MDB icon -->
  <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
  <!-- Bootstrap core CSS -->
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <!-- Material Design Bootstrap -->
  <link rel="stylesheet" href="css/mdb.min.css">
  <!-- Your custom styles (optional) -->
  <link rel="stylesheet" href="css/style_uni.css">
</head>

<body>

  <!-- Start your project here-->
  <!--Main Navigation-->
  <header>
    <!--Navbar-->
    <nav class="navbar navbar-expand-lg navbar-dark scrolling-navbar fixed-top">

      <div class="container">

        <!-- Navbar brand -->
        <a class="navbar-brand" href="index.html">我的教育经历</a>

        <!-- Collapse button -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"
          aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <!-- Collapsible content -->
        <div class="collapse navbar-collapse" id="basicExampleNav">

          <!-- Links -->
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="nav-link" href="index.html">Home

              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="primary.html">小学</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="junior.html" data-offset="90">初中</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="senior.html" data-offset="90">高中</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="senior4.html" data-offset="90">高四</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="university.html" data-offset="90">大学</a>
              <span class="sr-only">(current)</span>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="ending.html" data-offset="90">Ending</a>
            </li>
          </ul>
          <!-- Links -->

          <!-- Social Icon  -->
          <ul class="navbar-nav nav-flex-icons">
            <li class="nav-item">
              <a class="nav-link"><i class="fab fa-facebook-f"></i></a>
            </li>
            <li class="nav-item">
              <a class="nav-link"><i class="fab fa-twitter"></i></a>
            </li>
            <li class="nav-item">
              <a class="nav-link"><i class="fab fa-instagram"></i></a>
            </li>
          </ul>
        </div>
        <!-- Collapsible content -->

      </div>

    </nav>
    <!--/.Navbar-->
    <!--Mask-->
    <div id="intro" class="view">

      <div class="mask rgba-black-strong">

        <div class="container-fluid d-flex align-items-center justify-content-center h-100">

          <div class="row d-flex justify-content-center text-center">

            <div class="col-md-10">

              <!-- Heading -->
              <h2 class="display-4 font-weight-bold white-text pt-5 mb-2">大学</h2>

              <!-- Divider -->
              <hr class="hr-light">

              <!-- Description 迭代者为人，递归者为神。 程序员的问题是你无法预料他在做什么，直到为时已晚。
                 布尔值最好的一点是，就算你错了，也顶多错了一位而已。-->
              <h4 class="white-text my-4">布尔值最好的一点是，就算你错了，也顶多错了一位而已。</h4>
              <a href="#about" style="color:white">
                <button type="button" class="btn btn-outline-white">Read more<i class="fas fa-book ml-2"></i></button>
              </a>

            </div>

          </div>

        </div>

      </div>

    </div>
    <!--/.Mask-->
  </header>

  <main>

    <!--Main container-->
    <div class="container" style="margin-top:60px" id="about">
      <!--Section: Examples-->

      <hr class="my-5">

      <!--Section: Gallery-->
      <section id="gallery">

        <!-- Heading -->
        <h2 class="mb-5 font-weight-bold text-center">重庆交通大学</h2>

        <!--Grid row-->
        <div class="row">

          <!--Grid column-->
          <div class="col-md-6 mb-4">

            <!--Carousel Wrapper-->
            <div id="carousel-example-2" class="carousel slide carousel-fade" data-ride="carousel">
              <!--Indicators-->
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-2" data-slide-to="1"></li>
                <li data-target="#carousel-example-2" data-slide-to="2"></li>
              </ol>
              <!--/.Indicators-->
              <!--Slides-->
              <div class="carousel-inner" role="listbox">
                <div class="carousel-item active">
                  <div class="view">
                    <img class="d-block w-100" src="./img/myimg/dx/dx29.jpg" alt="First slide">
                    <div class="mask rgba-black-slight"></div>
                    <!-- <div class="mask rgba-black-light"></div> -->
                  </div>
                  <!-- <div class="carousel-caption">
                                  <h3 class="h3-responsive">Light mask</h3>
                                  <p>First text</p>
                              </div> -->
                </div>
                <div class="carousel-item">
                  <!--Mask color-->
                  <div class="view">
                    <img class="d-block w-100" src="./img/myimg/dx/dx30.jpg" alt="Second slide">
                    <div class="mask rgba-black-slight"></div>
                    <!-- <div class="mask rgba-black-strong"></div> -->
                  </div>
                  <!-- <div class="carousel-caption">
                                  <h3 class="h3-responsive">Strong mask</h3>
                                  <p>Secondary text</p>
                              </div> -->
                </div>
                <div class="carousel-item">
                  <!--Mask color-->
                  <div class="view">
                    <img class="d-block w-100" src="./img/myimg/dx/dx31.jpg" alt="Third slide">
                    <div class="mask rgba-black-slight"></div>
                  </div>
                  <!-- <div class="carousel-caption">
                                  <h3 class="h3-responsive">Slight mask</h3>
                                  <p>Third text</p>
                              </div> -->
                </div>
              </div>
              <!--/.Slides-->
              <!--Controls-->
              <a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
              </a>
              <a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
              </a>
              <!--/.Controls-->
            </div>
            <!--/.Carousel Wrapper-->

          </div>
          <!--Grid column-->

          <!--Grid column-->
          <div class="col-md-6">

            <!-- Excerpt
            <a href="" class="teal-text">
              <h6 class="pb-1"><i class="fas fa-heart"></i><strong>ming'demingde </strong></h6>
            </a> -->
            <h4 class="mb-3"><strong>明德行远，交通天下</strong></h4>
            <p>重庆交通大学（Chongqing Jiaotong University，CQJTU），
              是由重庆市人民政府和中华人民共和国交通运输部共建的一所交通特色、以工为主的多科性大学，
              入选、“中西部高校基础能力建设工程”、“卓越工程师教育培养计划”、国家级大学生创新创业训练计划、
              国家大学生文化素质教育基地、中国政府奖学金来华留学生接收院校、全国毕业生就业典型经验高校、全国创新创业典型经验高校，
              是教育部本科教学工作水平评估优秀学校、重庆市一流学科建设高校，。
            </p>

            <p>1951年，创建西南交通专科学校。1960年，组建重庆交通学院，成都工学院土木系、四川冶金学院冶金系、武汉水运学院水工系等相继并入。
              2000年，学校由交通部划转重庆市管理，为省部共建高校。2006年，更名为重庆交通大学，并增列为博士授予单位。
            </p>
            <p>by <a><strong>Yingchuan Zhou</strong></a>, 26/05/2021</p>
            <a href="http://www.cqjtu.edu.cn/" class="btn btn-purple btn-md">Learn more</a>

          </div>
          <!--Grid column-->

        </div>
        <!--Grid row-->

      </section>
      <!--Section: Gallery-->

      <hr class="my-5>">

      <!--Section: gallery-->
      <section id="gallery" class="text-center py-5">

        <!-- Container -->
        <div class="container">

          <!-- Section heading -->
          <h2 class="h1-responsive font-weight-bold mb-5">军训</h2>
          <!-- Section description -->
          <p class="grey-text w-responsive mx-auto mb-5"></p>

          <div class="row">
            <div class="col-md-12">

              <div id="mdb-lightbox-ui"></div>

              <div class="mdb-lightbox">

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/dx/dx.3.jpg" class="img-fluid z-depth-1-half">
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/dx/dx.7.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/dx/dx8.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/dx/dx11.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/dx/dx9.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

                <figure class="col-md-4">
                  <a href="#!" data-size="1600x1067">
                    <img src="./img/myimg/dx/dx32.jpg" class="img-fluid z-depth-1-half" />
                  </a>
                </figure>

              </div>

            </div>
          </div>

        </div>
        <!-- Container -->

      </section>
      <!--Section: gallery-->

      <div class="container">
        <!--Grid row 1-->
        <div class="row">
          <!--Grid column 1-->
          <div class="col-md-7">
            <div class="view overlay z-depth-1-half">
              <img src="./img/myimg/dx/dx13.jpg" class="card-img-top" alt="">
              <div class="mask rgba-white-light"></div>
            </div>
          </div>
          <!--Grid column-->
          <!--Grid column 2-->
          <div class="col-md-5">
            <h2>27/08/2019，第一次与重庆交通大学见面</h2>
            <hr>
            <p><br /><br /><br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我是和我一个好朋友一起来的，我第一次来重庆，叫上他有个照应，
              我真是农村来的，高铁、地铁确实是没坐过，
              一路全是他带着我。说实话，挺感动的，他距离开学还有一个星期，因为我没来过重庆，他就提前一星期来学校了。
              当我踏入重庆交通大学大学校门的那一刻，也就意味着从这一刻开始将是我人生新征程的启程；
              是我人生新篇章的开始；是我人生起跑线上的新起点。
            </p>
            <!-- <a href="#" class="btn btn-primary offset-90" >Get it now!</a> -->
          </div>
          <!--Grid column-->
        </div>
        <!--Grid row-->
      </div>

      <hr class="my-5">
      <div class="container">
        <!--Grid row 1-->
        <div class="row">
          <!--Grid column 1-->
          <div class="col-md-7">
            <div class="view overlay z-depth-1-half">
              <img src="./img/myimg/dx/dx.5.jpg" class="card-img-top" alt="">
              <div class="mask rgba-white-light"></div>
            </div>
          </div>
          <!--Grid column-->
          <!--Grid column 2-->
          <div class="col-md-5">
            <h2>10/2019，写的第一个C++程序</h2>
            <hr>
            <p><br /><br /><br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;C++是我计算机生涯第一门计算机语言，
              因为是第一次敲代码，对于一切都很陌生，只能凭着记忆，将老师上课所讲的用于实际去验证，
              好在第一次作业还是比较简单，虽然大费周折，看了书上的代码，也问了以前的高中同学，
              第一次用VC++写的代码，这个编译器我连中文符号和英文符号都区分不开。
              最后终于还是解决了它。第一次完成它的那一刻呢，是很奇妙的，仿佛打开了新世界的大门。
            </p>
            <!-- <a href="#" class="btn btn-primary offset-90" >Get it now!</a> -->
          </div>
          <!--Grid column-->
        </div>
        <!--Grid row-->
      </div>


      <hr class="my-5">
      <div class="container">
        <!--Grid row 1-->
        <div class="row">

          <!--Grid column-->
          <!--Grid column 2-->
          <div class="col-md-5">
            <h2>03/2021，棋歌带我走进Web</h2>
            <hr>
            <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;学了一年多的计算机专业，
              我感觉好像自己写的东西和自己平时所用的东西是完全一点不沾边，直到学了棋歌的Web课，
              我第一次感觉到自己写的东西和网站上的网页有一丁点的相似了，知道Web学了是干什么的。因为自己写了代码，
              马上就能看到自己的写的代码是什么效果，因此我对Web也是非常有兴趣。棋歌曾经送过我们一句话：Education is not the learning
              of facts, but the training of the mind to think.
            </p>
            <a href="https://qige.io/" class="btn btn-purple offset-90">Get it now!</a>
          </div>
          <!--Grid column-->

          <!--Grid column 1-->
          <div class="col-md-7">
            <div class="view overlay z-depth-1-half">
              <img src="./img/myimg/dx/dx33.png" class="card-img-top" alt="">
              <div class="mask rgba-white-light"></div>
            </div>
          </div>
        </div>
        <!--Grid row-->
      </div>

  </main>
  <!--Main Navigation-->


  <!-- Footer -->
  <footer class="page-footer font-small pt-4" style="background-color: #563e91">

    <!-- Footer Elements -->
    <div class="container">

      <!-- Social buttons -->
      <ul class="list-unstyled list-inline text-center">
        <li class="list-inline-item">
          <a class="btn-floating btn-fb mx-1">
            <i class="fab fa-facebook-f"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-tw mx-1">
            <i class="fab fa-twitter"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-gplus mx-1">
            <i class="fab fa-google-plus-g"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-li mx-1">
            <i class="fab fa-linkedin-in"> </i>
          </a>
        </li>
        <li class="list-inline-item">
          <a class="btn-floating btn-dribbble mx-1">
            <i class="fab fa-dribbble"> </i>
          </a>
        </li>
      </ul>
      <!-- Social buttons -->

    </div>
    <!-- Footer Elements -->

    <!-- Copyright -->
    <div class="footer-copyright text-center py-3">© 2018 Copyright:
      <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>
    </div>
    <!-- Copyright -->

  </footer>
  <!-- Footer -->
  <!-- End your project here-->

  <!-- jQuery -->
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <!-- Bootstrap tooltips -->
  <script type="text/javascript" src="js/popper.min.js"></script>
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <!-- MDB core JavaScript -->
  <script type="text/javascript" src="js/mdb.min.js"></script>
  <!-- Your custom scripts (optional) -->
  <script type="text/javascript"></script>

</body>

</html>